<!DOCTYPE html>
<html>
<head>
    <title>BaliFantastico</title>
    <%= javascript_include_tag "application" %>  
    <link rel="stylesheet" type="text/css" href="assets/screen.css" media="screen">
    <link rel="stylesheet" type="text/css" href="assets/bootstrap.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-responsive.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="assets/lightbox.css" media="screen">

    <link rel="stylesheet" type="text/css" href="assets/screen.css" media="screen">
    <link rel="stylesheet" type="text/css" href="assets/jquery-autocomplete.css" media="screen">
    <link rel="stylesheet" type="text/css" href="assets/customs/will_paginate.css.scss" media="screen">
    <script type="text/javascript" src="../../javascripts/head.js"></script>
    <script type="text/javascript" src="../../javascripts/lightbox-2.6.min.js"></script>
    
    <%= csrf_meta_tags %>
</head>
<body>
<div id="root">
    <header id="top">
        <%= render partial: 'layouts/header' %>
    </header> 
    <%= yield %>
    <footer id="footer">
        <%= render partial: 'layouts/footer' %>
    </footer>
    <script type="text/javascript">
        head.js('../../javascripts/jquery.min.js','../../javascripts/jquery-ui.min.js','../../javascripts/scripts.js','../../javascripts/mobile.js')
    </script>
</div> 
<%= render partial: 'layouts/modal' %>
</body>
</html>
